layui.use(['laydate', 'table'],
    function () {
        var laydate = layui.laydate;
        var table = layui.table;
        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });

// 创建渲染实例
        table.render({
            elem: '#table'
            , url: '/back/user/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
            , height: 'full-200' // 最大高度减去其他容器已占有的高度差
            , cellMinWidth: 80
            , page: true
            // , limit: 2
            , parseData: function (res) { //res 即为原始返回的数据
                console.log(res);
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                };
            }
            , cols: [[
                {field: 'userid', fixed: 'left', width: 80, title: 'ID', sort: true, totalRowText: '合计：'}
                , {field: 'username', title: '用户'}
                , {
                    field: 'email',
                    title: '<i class="layui-icon layui-icon-email">邮箱</i>',
                    hide: 0,
                    width: 150,
                    templet: function (d) {
                        return '<i style="color: blue">' + d.email + '</i>';
                    }
                }
                , {field: 'phone', title: '手机'}
                , {
                    field: 'enable', title: '状态', sort: true, templet: function (d) {
                        return d.enable == 1 ? '<div class="qiyong">启用</div>' : '<div class="tingyong">停用</div>';
                    }
                }
                , {fixed: 'right', title: '操作', width: 225, minWidth: 125, toolbar: '#barDemo'}
            ]]

        });
//触发单元格工具事件
        table.on('tool(test)', function (obj) { // 双击 toolDouble
            var data = obj.data;
            if (obj.event === 'del') {
                //对于非常小心的操作，需要对客户进行提醒，不要直接操作
                layer.confirm('真的删除行么', function (index) {
                    //删除数据库里面的数据
                    //需要调用后台接口，ajax
                    $.ajax({
                        url: '/back/user/delete',
                        data: {userid: data.userid},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.count > 0) {
                                layer.alert("删除成功");
                                obj.del();
                                layer.close(index);
                            } else {
                                layer.alert("删除失败");
                            }
                        }
                    })
                });
            } else if (obj.event === 'edit') {
                layer.open({
                    title: '编辑',
                    type: 1,
                    area: ['80%', '80%'],
                    content: '<div style="padding: 16px;">自定义表单元素</div>'
                });
            } else if (obj.event === 'password') {
                //需要将当前行数据传递到另一个页面
                sessionStorage.setItem("user", JSON.stringify(data));
                xadmin.open('修改密码', '/html/user/member-password.html', 600, 400)
            }
        });
    });
